﻿<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>保存并读取登录用户名与密码</title>
<style type="text/css">
 html
 {
	 height:100%;
 }
 body
 {
	 min-height:100%;
	 margin:0;
	 padding:0;
	 position:relative;
 }
 .header
 {
	 background-color:#ffe4c4;
 }
 .main
 {
	 padding-bottom:100px;
	 background-color:#bdb76b;
 }
 .footer
 {
	 position:absolute;
	 bottom:0;
	 width:100%;
	 height:100px;
	 background-color:#ffc0cb;
 }
</style>
<link href="css.css" rel="stylesheet" type="text/css">
<script type="text/javascript" language="jscript" 
        src="jszh.js"/>
</script>

</head>
<body onLoad="pageload();">
<main class="main">
   <form id="frmLogin" action="#">
    <fieldset>
       <legend>登录</legend>
       <ul>
           <li class="li_top">
               <span id="spnStatus"></span>
           </li>
           <li>名称：
               <input id="txtName" class="inputtxt" 
                      type="text">
           </li> 
           <li>密码：
               <input id="txtPass" class="inputtxt" 
                      type="password">
           </li> 
           <li>
               <input id="chkSave" type="checkbox">
               我确定保存密码！
           </li>
           <li class="li_bot">
               <input name="btnLogin" class="inputbtn" value="登录"
                      type="button" onClick="btnLogin_click();">
               <input name="rstLogin" class="inputbtn" 
                      type="reset" value="取消">
           </li>
       </ul>
    
    </fieldset>
   </form>
</main>
<footer class="footer">
<p>Posted by:学号+姓名</p>
<p>Comtact information:<a href="http:\\www.baidu.com">www.baidu.com</a>.</p>
</footer>
</body>
</html>
